<template>
    <div class="container bnb-contnet">
        <router-link to="/main/Home/0" tag="div">
            <i class="iconfont">&#xe61b;</i>
        </router-link>
        <router-link to="/main/Classification/0" tag="div">
            <i class="iconfont">&#xe616;</i>
        </router-link>
        <router-link to="/simple/ShoppingCart" tag="div">
            <i class="iconfont">&#xe618;</i>
        </router-link>
        <router-link to="/simple/Mine" tag="div">
            <i class="iconfont">&#xe61a;</i>
        </router-link>
    </div>
</template>
<script>
export default {
  
}
</script>
<style lang="less">
@heigths:0.8rem;
.bnb-contnet{
        position: fixed;
        bottom:0;
        left:0;
        height:@heigths;
        background-color: #fff;
        display: flex;
        flex-flow: row nowrap;
        >div{
            flex-grow: 1;
            >.iconfont{
                display: block;
                width:100%;
                height:100%;
                font-size: 0.5rem;
                line-height: @heigths;
                text-align: center;
            }
        }
        >.active{
            color:#FF5777;
        }
}

</style>
